
<div class="tenways-fietstest tenways_600">
  <img src="https://cdn.shopifycdn.net/s/files/1/0592/2167/2098/files/expert.png?v=1676007925" alt="">
</div>

    {%- form 'localization', id: 'FooterCountryForm' -%}
      <div class="no-js-hidden">
        <div class="disclosure">
          {% if localization.country.currency.symbol contains '$' and localization.country.currency.symbol != blank %}
            <a {% if section.settings.button_link_us != blank %}href="{{ section.settings.button_link_us }}" {% endif %} class="out_a " {% if section.settings.button_link_us == blank %} aria-disabled="true"{% endif %}> 
          {% else %}
            <a {% if section.settings.button_link != blank %}href="{{ section.settings.button_link }}" {% endif %} class="out_a " {% if section.settings.button_link == blank %} aria-disabled="true"{% endif %}>
          {% endif %}
        </div>
      </div>
    {%- endform -%}


  <div class="com-product com-product-1">


    {%- form 'localization', id: 'FooterCountryForm' -%}
      {% if localization.country.currency.symbol contains '$' and localization.country.currency.symbol != blank %}
        {% if section.settings.coupons !=blank %}
            <div class="coupons_metafields another-oupons_metafields">
              <div class="mata_coupons us-coupons">
              <div class="discount_icon">
                $300
              </div>
              {% render "icon-coupons" %}
              <div class="ar_blue">
                {{ section.settings.coupons }}
                <span>
                  $300 OFF
                </span>
              </div>
              </div>
            </div>
        {% endif %}
     {% endif %}
    {%- endform -%}

    <div class="com_title">
      {% if section.settings.shipping != blank %}
        <div class="index-shipping">
          {{ section.settings.shipping }}
        </div>
      {% endif %}
      {% if section.settings.header != blank %}
        <h3>{{ section.settings.header }}</h3>
      {% endif %}
      {% if section.settings.text != blank %}
        <p>{{ section.settings.text }}</p>
      {% endif %}
    </div>

    <div class="p_image">
      {%- for block in section.blocks -%}
        {% case block.type %}
          {%- when 'image' -%}
            {%- assign file_extension = 'png' -%}
            {%- if block.settings.image != blank -%}
              <img {{ block.shopify_attributes }} data-alt={{ block.settings.image.alt | escape }} srcset="{%- if block.settings.image.width >= 165 -%}{{ block.settings.image | img_url: '165x' }} 165w,{%- endif -%}
                                                           {%- if block.settings.image.width >= 323 -%}{{ block.settings.image | img_url: '323x' }} 323w,{%- endif -%}
                                                           {%- if block.settings.image.width >= 360 -%}{{ block.settings.image | img_url: '360x' }} 360w,{%- endif -%}
                                                           {%- if block.settings.image.width >= 535 -%}{{ block.settings.image | img_url: '535x' }} 535w,{%- endif -%}
                                                           {%- if block.settings.image.width >= 750 -%}{{ block.settings.image | img_url: '750x' }} 750w,{%- endif -%}
                                                           {%- if block.settings.image.width >= 1070 -%}{{ block.settings.image | img_url: '1070x' }} 1070w,{%- endif -%}
                                                           {%- if block.settings.image.width >= 1500 -%}{{ block.settings.image | img_url: '1500x' }} 1500w,{%- endif -%}
                                                           {{ block.settings.image | img_url: 'master' }} {{ block.settings.image.width }}w" src="{{ block.settings.image | img_url: '1500x' }}" sizes="(min-width: {{ settings.page_width }}px) {{ settings.page_width | minus: 100 | divided_by: 1 }}px, (min-width: 750px) calc((100vw - 130px) / 1), calc((100vw - 50px) / 1)" alt="{{ block.settings.image.alt | escape }}" loading="lazy" class="p-img" width="{{ block.settings.image.width }}" height="{{ block.settings.image.height }}">
            {%- else -%}
              {{ 'image' | placeholder_svg_tag: 'placeholder-svg' }}
            {%- endif -%}
          {%- when 'color' -%}
            {%- if block.settings.color != blank -%}
              <div class="com-img" {{ block.shopify_attributes }}>
                <img loading="lazy" class="cs_img" src="{{ block.settings.color | img_url: '30x' }}" alt="{{ block.settings.color.alt | escape }}" width="30" height="30"/>
              </div>
            {%- endif -%}
        {%- endcase -%}
      {%- endfor -%}
    </div>

    <div class="com-des">
      <div class="des-ul">
        <ul>
          {% if section.settings.range_num != blank %}
            <li>{{ section.settings.range_num }}</li>
          {% endif %}
          {% if section.settings.range != blank %}
            <li>{{ section.settings.range }}</li>
          {% endif %}
        </ul>
        <ul>
          {% if section.settings.height_num != blank %}
            <li>{{ section.settings.height_num }}</li>
          {% endif %}
          {% if section.settings.height != blank %}
            <li>{{ section.settings.height }}</li>
          {% endif %}
        </ul>
        <ul>
          <li>
              {%- form 'localization', id: 'FooterCountryForm', class: 'localization-form' -%}
                <div class="no-js-hidden">
                  <div class="disclosure">
                    {% if localization.country.currency.symbol contains '$' and localization.country.currency.symbol != blank %}
                      <div class="us-price">
                        <span class="price-item price-item--regular">
                          {% if section.settings.price_regular %}
                            {{ section.settings.price_regular }}
                          {% endif %}
                        </span>
                        <span class="price-item price-item--sale">
                          {% if section.settings.price_sale %}
                            {{ section.settings.price_sale }}
                          {% endif %}
                        </span>
                      </div>
                    {% else %}
                      {%- assign product = section.settings.product -%}
                      <div class="no-js-hidden" id="price-{{ section.id }}" {{ block.shopify_attributes }}>
                        {%- render 'twy-price', product: product, use_variant: true, show_badges: true, price_class: 'price--large' -%}
                      </div>
                    {% endif %}
                  </div>
                </div>
              {%- endform -%}
          </li>
          {% if section.settings.price != blank %}
            <li>{{ section.settings.price }}</li>
          {% endif %}
        </ul>
      </div>
     


    {%- if section.settings.button_label != blank -%}
      <div class="button">
        {{ section.settings.button_label | escape }}
      </div>
    {%- endif -%}



    </div>

  </div>
</a>
{% schema %}
  {
    "name": "Compare product 1",
    "class": "compare-feature grid__item",
    "settings": [
      {
        "type": "product",
        "id": "product",
        "label": "t:sections.featured-product.settings.product.label"
      },
      {
        "type": "html",
        "id": "coupons",
        "label": "Coupons"
      },
      {
        "type": "text",
        "id": "shipping",
        "label": "Shipping"
      },
      {
        "type": "richtext",
        "id": "header",
        "label": "Header"
      }, {
        "type": "text",
        "id": "text",
        "label": "text"
      }, {
        "type": "richtext",
        "id": "range_num",
        "label": "Range_num"
      }, {
        "type": "text",
        "id": "range",
        "label": "Range"
      }, {
        "type": "text",
        "id": "price_regular",
        "label": "price regular"
      }, {
        "type": "text",
        "id": "price_sale",
        "label": "price sale"
      }, {
        "type": "richtext",
        "id": "height_num",
        "label": "Height_num"
      }, {
        "type": "text",
        "id": "height",
        "label": "Height"
      }, {
        "type": "richtext",
        "id": "price_num",
        "label": "price_num"
      }, {
        "type": "text",
        "id": "price",
        "label": "price"
      }, {
        "type": "text",
        "id": "button_label",
        "default": "Button label",
        "label": "Button label"
      }, {
        "type": "url",
        "id": "button_link",
        "label": "Button link"
      },
     {
        "type": "url",
        "id": "button_link_us",
        "label": "Button link US"
      }
    ],
    "blocks": [
      {
        "type": "image",
        "name": "image",
        "settings": [
          {
            "type": "image_picker",
            "id": "image",
            "label": "Image"
          }
        ]
      }, {
        "type": "color",
        "name": "color",
        "settings": [
          {
            "type": "image_picker",
            "id": "color",
            "label": "Color"
          }
        ]
      }
    ],
    "presets": [
      {
        "name": "Compare product 1"
      }
    ]
  }
{% endschema %}